<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>juqery</title>
    <script src="./jquery-2.2.1.js"></script>
    <script src="https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/js/lib/jquery-1.10.2_d88366fd.js"></script>
    <script type="text/javascript">
    $(document).ready(function(argument) {

        $(".btn").click(function(argument) {
            $(".btn~div").fadeToggle('900', function() {
                
            }).toggle('900t').slideToggle('900')
        });
        $(".btn1").click(function (argument) {
           $(".btn1~div").animate({
               width:'150px',
            
              },
               300 )
          .animate({
               height:'200px',
               opacity:'0.6'
              },
               300);

        })
    })
    </script>
    <style type="text/css">
   .name{
    float: left;
    width: 100px;
    position: relative;
   }
   .name>div{
    border: black solid;
   }
    .fangkuai{width: 100px;
        height:100px;
        background-color: yellow;
        position: relative;
       
       }

    </style>
</head>

<body>
    <div class="name" style="height: 130px;">
        <button class="btn">显示</button><div class="fangkuai"></div><div class="fangkuai"></div><div class="fangkuai"></div>
    </div>
    <div class="name" style="height: 130px;">
        <button class="btn1">显示</button>
        <div class="fangkuai"></div>
    </div>
    
</body>

</html>
